<template>
    <el-dialog class="buy-release-note-dialog" v-model="dialogStore.isReleaseNoteDialog" append-to-body
        :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" :lock-scroll="false" top="50px"
        width="600px" title="版本说明" center>
        <div v-html="HTML_CONTENT"></div>
        <div class="dialog-footer" @click="dialogStore.isReleaseNoteDialog = false">
            <el-button>关闭</el-button>
        </div>
    </el-dialog>
</template>
<script setup>
import { HTML_CONTENT } from ".";
const dialogStore = useDialogStore();
</script>
<style lang="scss">
.buy-release-note-dialog {
    p {
        line-height: 20px;
    }

    .text-indent-1 {
        text-indent: 1em;
    }

    .dialog-footer {
        margin-top: 20px;
        text-align: center;
    }

    .mb-10 {
        margin-bottom: 10px;
    }
}
</style>
